*{padding:0;margin:0;}
body{margin:0;padding:0;font-size:14px;font-family:"Microsoft YaHei";}
a{text-decoration:none}
a:hover{color: white;background-color:#3377AA;}
p{line-height:24px;margin:1em 0;}
header{background-color:#EDF4ED;color:#229132;padding:.5em 0;border-bottom:1px solid #cccccc;}
header h1{text-indent: 12em;}
main{
    margin-left:12em;
    width: 800px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
nav{width: 120px;background-color:#EDF4ED;font-family:"Microsoft YaHei";font-size:1.1em;text-transform:uppercase;text-align:right;}
nav a{display:block;text-decoration:none;padding:.7em 1em;color:#229132;}
nav a:hover{background-color:#229132;color:#fff;-webkit-transition:color .2s linear;}
#content{width:680px;}
.title a:hover{color: white;background-color:#3377AA;}
article{font-size:16px;padding-top:.5em;}
article a{color:#229132;text-decoration:none;}
.info{font-size:14px;}
.edit{margin:3px;padding:2px 5px;border-radius:3px;background-color:#f3f3f3;color:#333;font-size:13px;}
.edit:hover{text-decoration:none;background-color:#f00;color:#fff;-webkit-transition:color .2s linear;}
.prepage a{float:left;text-decoration:none;padding:.5em 1em;color:#ff0000;font-weight:bold;}
.nextpage a{float:right;text-decoration:none;padding:.5em 1em;color:#ff0000;font-weight:bold;}
.prepage a:hover,.nextpage a:hover{text-decoration:none;background-color:#ff0000;color:#f9f9f9;-webkit-transition:color .2s linear;}
.archive{list-style:none;line-height:28px;}
.archive h3{margin:0.5em 0;}
.archive time{float:left;font-size:14px;color:#999999;margin-right:1.2em;}
.tag{background-color:#ff0000;border-radius:3px;font-size:14px;color:#ffffff;display:inline-block;padding:0 5px;margin-bottom:8px;}
.tag:hover{text-decoration:none;background-color:#ffffff;color:#000000;-webkit-transition:color .2s linear;}
.search{border:0;width:6em;text-align:center;font-size:1em;margin:0.5em 0;}
.touxiang>a:hover{background: transparent;}
.touxiang img{width:50px;height:50px;border-radius: 50%;}
